let path = require('path')
let HtmlWebpackPlugin = require('html-webpack-plugin') // 生成html
let webpack = require('webpack')
module.exports = {
  devServer: {
    port: 8000, 
    progress: true, 
    contentBase: './build',
  },
  mode: 'development',
  entry: './src/index2.js', 
  output: {
    filename: 'bundle.[hash:8].js', 
    path: path.resolve(__dirname, 'build'), 
  },
  resolve: { // 解析 第三方包
    modules: [path.resolve('node_modules')], // 只要在当前目录下查找就好了  也可以写其他目录
    alias: { // 别名

    },
    // mainFields: ['style', 'main'], // 主入口 style找不到在去找main
    // mainFiles: [] // 入口文件的名字 默认index.js
    // extensions: ['.css', '.js']  引用后缀的修改   
  },
  plugins: [ // 插件
    new HtmlWebpackPlugin({
      template: './src/index.html',
      filename: 'index.html',
      minify: {
        removeAttributeQuotes: true,
        collapseWhitespace: true, 
      },
      hash: true
    }),
    new webpack.DefinePlugin({ // 定义环境变量  那边的会被解析
      DEV: "'dev'"  // 不赞成这样加变量  可以写成 JSON.stringity('dev')  
    })
  ]
}